<template>
    <div class="viewport">
        <div class="loginHead">
            <div style="text-align: center;">
                <img class="lhImg" src="@/assets/img/img_logo_login2x.png">
                <p class="lhH2">欢迎来到陆陆商城</p>
            </div>
            <router-link class="lhClose" to="/">
                
            </router-link>
        </div>
        <div class="loginContent">
            <router-link class="lclogin lcBtn" to="/login">登 录</router-link>
            <router-link class="lcRegister lcBtn" to="/register">注册</router-link>
            <p class="lcRule">点击即表明我同意陆陆的<a href="#" class="lcLink">服务条款</a></p>
        </div>
    </div>
</template>
<script>
export default {
    name:""    
}
</script>
<style scoped>
.lhClose {
    position: absolute;
    display: inline-block;
    width: 0.64rem;
    height: 0.64rem;
    background: url(../../../assets/img/closed_nav_white.png) no-repeat;
    top: 0.52rem;
    left: 0.32rem;
}
.loginContent {
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    background: #fff;
    margin-top: -5px;
}
.lcBtn {
    font-size: 0.34rem;
    width: 6.54rem;
    height: 0.96rem;
    border-radius: 100px;
    display: inline-block;
    line-height: 0.96rem;
}
.lclogin {
    color: #fff;
    background: #CB2F42;
    margin-top: 14.4%;
}
.lhImg {
    width: 5.22rem;
    height: 1.28rem;
    margin-top: 1.6rem;
    margin-bottom: 0.76rem;
}
.lhH2 {
    font-size: 0.56rem;
    color: #fff;
    line-height: 0.64rem;
    margin-top: 2.4%;
}
.lcRegister {
    color: #CB2F42;
    background: none;
    border: 1px solid #CB2F42;
    margin-top: 6.7%;
}
.lcRule {
    font-size: 0.26rem;
    color: #666;
    margin-top: 52.2%;
    padding-bottom: 3%;
}
.lcLink {
    text-decoration: underline;
    font-size: 0.26rem;
}
</style>
